<template>
	<view class="app-classify " :class="[!isTababr&&'is-max']" :style="[AppSkinVar]">
		<!-- <OnePage :type="1" /> -->
		<TwoPage :type="4" />
	</view>
</template>

<script lang="ts">
import {  defineComponent } from 'vue';
import layoutMainPageMixIn from '../../utils/layoutMainPageMixIn';
import OnePage from './child/page-one/index.vue';
import TwoPage from './child/page-two/index.vue';
import { useTabbar } from '../../utils/customTabbar';


export default defineComponent({
	mixins: [layoutMainPageMixIn],
	props: {
		index: {
			type: String,
			required: true
		},
		isTababr: {
			type: Boolean,
			default: true
		}
	},
	components: {
		OnePage,
		TwoPage
	},
	setup(props) {

		useTabbar(props.index);
		return {};
	},
});
</script>

<style scoped lang="scss">
@include appBem_b(classify) {
	height: 100%;
	@include appWhen(max){
		height: calc(100vh);
	}
}
</style>
